/* 权重 vue.config.js > .postcssrx.js > postcss.config.js
  vue.config.js不能热更新
*/
module.exports = {
	plugins: {
		"postcss-pxtorem": {
			rootValue: 1920, // 设计稿宽度为1920px的
			propList: ["", "!border"], // 配置那些css样式进行匹配转换rem,其中*表示匹配所有的css !表示不需要匹配的。
			// propList: ["*", "!border-radius"], // !不匹配属性（这里是字体相关属性不转换）
			minPixelValue: 6, // 可以被替换的最小像素
			unitPrecision: 5, // rem小数位上限

			// 没测试 注意：如果有使用第三方UI如VUX，则需要配置下忽略选择器不转换。
			// 规则是class中包含的字符串，如vux中所有的class前缀都是weui-。也可以是正则。
			selectorBlackList: ["weui-"],
			// 类型为字符串或正则表达式或函数 要忽略并保留为 px 的文件路径。
			exclude: /node_modules/i,
		},
		autoprefixer: {}, // 自动为 css 添加不同浏览器的标识前缀：yarn add -D autoprefixer 此处会根据配置的 .browserslistrc 中浏览器版本进行智能添加 css 前缀，如果是 last 2 versions 可能没有效果，修改为 last 5 versions 就可以看到智能添加前缀生效了
	},
};
